html, body {
    height: 100%;
  }
  
  .form-builder-modal {
    overflow: hidden;
  
    & > .base-modal {
      width: calc(100% - 24px) !important;
      height: calc(100vh - 64px);
      background-color: $bg-color-l1;
  
      max-height: calc(100% - 64px);
      max-height: calc(100vh - 64px);
  
      & > .base-modal-header {
        height: 48px;
        padding: 0 12px 0 16px;
        color: #fff;
        background: linear-gradient(270deg, $color-primary-light-4 0%, $color-primary-light-6 100%);
  
        .base-modal-header-close {
          color: #fff;
          font-weight: bold;
          margin-left: 20px;
        }
  
        .form-builder-title {
          flex: 1;
        }
  
        .form-builder-save-btn {
          width: 68px;
          height: 32px;
          line-height: 1;
          color: $color-primary;
          background: #FFFFFF;
          border-radius: $button-radius-base;
        }
      }
  
      & > .base-modal-body {
        overflow-y: hidden;
        display: flex;
  
        .event-form-design {
          flex: 1;
  
          .form-design-setting {
            width: 330px;
          }
        }
      }
    }
  }